<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../client/super.css" rel="stylesheet"/>
    <script type="text/javascript" src="../plugin/jquery/jquery-1.12.0.min.js" ></script>
    <script type="text/javascript" src="../plugin/superSilde/jquery.SuperSlide.2.1.1.source.js" ></script>
</head>
<body>
<div class="slider">
    <div id="bd" class="bd">
        <ul>
            <li><img src="../datafile/ad/img1.png" alt=""></li>
            <li><img src="../datafile/ad/img2.jpg" alt=""></li>
            <li><img src="../datafile/ad/img3.jpg" alt=""></li>
        </ul>
    </div>
    <div id="hd" class="hd">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    $(".slider").slide({
        mainCell:"#bd ul",
        effect:"topLoop",
        autoPlay:true,
        easing:"easeOutBounce"
    });
</script>
</body>
</html>